<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<base href="${BaseContext}">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>主讲人列表</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
	integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
	crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
	integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
	crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script
	src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
	integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
	crossorigin="anonymous"></script>

<script type="text/javascript" src="static/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
	$(function() {
		$(".navbar-nav li").mouseover(function() {
			$(this).addClass("active");
		});
		$(".navbar-nav li").mouseout(function() {
			$(this).removeClass("active");
		});

	})
</script>
<style type="text/css">
.jumbotron {
	width: 90%;
	margin: 0 auto;
	padding-left: 5%;
	border-radius: 5px;
}

#div1 {
	margin-top: 20px;
	margin-bottom: 10px;
}

#table1 {
	text-align: center;
}

#table1 th {
	text-align: center;
}

#nav1 {
	margin-right: 10px;
}

#div {
	width: 100%;
	min-width: 1000px;
}

#form {
	margin-top: 0px;
}
</style>
</head>

<body>
	<div id="div">
		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed"
						data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
						aria-expanded="false">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#" style="padding-left: 50px">视频管理系统</a>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse"
					id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="admin/video">视频管理 <span class="sr-only">(current)</span></a></li>
						<li><a href="admin/speaker">主讲人管理</a></li>
						<li><a href="admin/course">课程管理</a></li>
						<li><a href="admin/statistics">统计分析</a></li>
					</ul>
					<ul class="nav navbar-nav navbar-right" style="padding-right: 50px">
						<li><a href="#">${admin.login_name }</a></li>
						<li><a href="admin/logout.do"><span
								class="glyphicon glyphicon-log-out" aria-hidden="true"></span></a></li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>
		<div class="jumbotron">
			<h2>主讲人列表 - 主讲人管理</h2>
		</div>
		<div class="container" id="div1" style="width: 94%">
			<a href="admin/addspeaker"><button type="button"
					class="btn btn-primary">添加主讲人</button></a>
			<form class="form-inline navbar-right" role="search" id="form"
				action="admin/select" method="post">
				<div class="form-group">
					<label for="exampleInputName2">名称</label> <input type="text"
						name="speaker_name" class="form-control" id="exampleInputName2"
						placeholder="主讲人名称">
				</div>
				<div class="form-group">
					<label for="exampleInputEmail2">职位</label> <input type="text"
						name="speaker_job" class="form-control" id="exampleInputEmail2"
						placeholder="主讲人职位">
				</div>
				<button type="submit" class="btn btn-default">查询</button>
			</form>
		</div>
		<div class="container" style="height: 500px; width: 92%">
			<table class="table table-hover" id="table1">
				<tr>
					<th>序号</th>
					<th>名称</th>
					<th>职位</th>
					<th>简介</th>
					<th>编辑</th>
					<th>删除</th>
				</tr>
				<c:forEach items="${speakers}" var="speaker">
					<tr>
						<td>${speaker.id }</td>
						<td>${speaker.speaker_name }</td>
						<td>${speaker.speaker_job }</td>
						<td>${speaker.speaker_descr }</td>
						<td><a href="admin/upspeaker?id=${speaker.id}"><span
								class="glyphicon glyphicon-edit" aria-hidden="true"></span></a></td>
						<td><a href="admin/speaker/delete?id=${speaker.id}"
							onclick="return confirm('是否确认删除？')"><span
								class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></td>
					</tr>
				</c:forEach>
			</table>
		</div>
		<div class="container" style="width: 94%">
			<nav aria-label="..." class="navbar-right" id="nav1">
				<ul class="pagination">
					<li><a href="#" aria-label="Previous"><span
							aria-hidden="true">&laquo;</span></a></li>
					<li><a href="#">1 <span class="sr-only">(current)</span></a></li>
					<li><a href="#">2 <span class="sr-only">(current)</span></a></li>
					<li class="active"><a href="#">3 <span class="sr-only">(current)</span></a></li>
					<li><a href="#">4 <span class="sr-only">(current)</span></a></li>
					<li><a href="#">5 <span class="sr-only">(current)</span></a></li>
					<li><a href="#" aria-label="Previous"><span
							aria-hidden="true">&raquo;</span></a></li>
				</ul>
			</nav>
		</div>
	</div>
</body>
</html>
